<template>
  <div class="top-tracks">
    <v-header></v-header>
    <div class="top-tracks-container">
      <trackList :viewFull="viewFull" :needImg="needImg"></trackList>
    </div>
  </div>
</template>
<script>
import TrackList from "./TrackList.vue";
import VHeader from "components/VHeader.vue";
import mixins from "mixins/index.js";
export default {
  mixins: [mixins],
  components: {
    VHeader,
    TrackList
  },
  data() {
    return {
      needImg: true
    };
  }
};
</script>

<style lang="scss" scoped>
.top-tracks {
  display: flex;
  flex-direction: column;
  position: relative;
  .top-tracks-container {
    margin: 80px 28px 48px;
  }
}
</style>